<tt xmlns="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling" xmlns:itts="http://www.w3.org/ns/ttml/profile/imsc1#styling" xmlns:ttp="http://www.w3.org/ns/ttml#parameter" xmlns:ebutts="urn:ebu:tt:style" xml:lang="en" ttp:cellResolution="32 10"> <head> <styling> <style xml:id="s1" tts:backgroundColor="black" tts:color="white"/> </styling> <layout> <region xml:id="top" tts:origin="5% 5%" tts:extent="90% 40%" tts:textAlign="center" tts:displayAlign="before"/> <region xml:id="bottom" tts:origin="5% 55%" tts:extent="90% 40%" tts:textAlign="center" tts:displayAlign="after"/> </layout> </head> <body> <div> <p region="top" ebutts:linePadding="0.5c"> <span style="s1">Line background extends slightly with ebutts:linePadding</span> </p> <p region="bottom"> <span style="s1">Line background ends abruptly without ebutts:linePadding</span> </p> </div> </body> </tt>